<div style="width:100%">
    <p>heros works!</p>
    <mat-tab-group (selectedTabChange)="tabChanged($event)" [(selectedIndex)]="tabIndex" [disableRipple]="false"
    mat-stretch-tabs="true">
        <mat-tab label="First" ariaLabel="'123'"> Content 1 </mat-tab>
        <mat-tab label="Second"> Content 2 </mat-tab>
        <mat-tab label="Third"> Content 3 </mat-tab>
    </mat-tab-group>
</div>

